body{
	background: url(../img/背景.jpg) no-repeat;
	background-size: 100% 800px;
}
h1{
	font-size: 60px;
	font-weight: 500;
	color: #000;
}
#cloud{
	width: 1200px;
	height: 600px;
	bor der: 1px solid red;
	background: url(../img/cloud.png) no-repeat;
	background-size: 100% 100%;
	position: relative;
	top: -250px;
	left: -3500px;
	animation: cloud 50s linear infinite;
}
@keyframes cloud{
	10%{
	background: url(../img/cloud.png) no-repeat;
	background-size: 30% 60%;
	top: -250px;
	left: -3500px;
	}
	20%{
	background: url(../img/cloud.png) no-repeat;
	background-size: 30% 60%;
	top: -250px;
	left: -700px;
	}
	30%{
	background: url(../img/cloud.png) no-repeat;
	background-size: 30% 60%;
	top: -250px;
	left: -400px;
	}
	40%{
	background: url(../img/cloud.png) no-repeat;
	background-size: 30% 60%;
	top: -250px;
	left: -100px;
	}
	50%{
	background: url(../img/cloud.png) no-repeat;
	background-size: 30% 60%;
	top: -250px;
	left: 200px;
	}
	60%{
	background: url(../img/cloud.png) no-repeat;
	background-size: 30% 60%;
	top: -250px;
	left: 500px;
	}
	70%{
	background: url(../img/cloud.png) no-repeat;
	background-size: 30% 60%;
	top: -250px;
	left: 800px;
	}
	80%{
	background: url(../img/cloud.png) no-repeat;
	background-size: 30% 60%;
	top: -250px;
	left: 1100px;
	}
	90%{
	background: url(../img/cloud.png) no-repeat;
	background-size: 30% 60%;
	top: -250px;
	left: 1400px;
	}
	100%{
	background: url(../img/cloud.png) no-repeat;
	background-size: 30% 60%;
	top: -250px;
	left: 5000px;
	}
}
#people{
	width: 1200px;
	height: 600px;
	bor der: 1px solid red;
	background: url(../img/七个呼噜.png) no-repeat;
	background-size: 100% 100%;
	position: relative;
	top: -750px;
	left: 169px;
	animation: people 50s linear infinite;
}
@keyframes people{
	10%{
		background: url(../img/七个呼噜.png) no-repeat;
		background-size: 30% 60%;
		top: -750px;
		left: 169px;
	}
	20%{
		background: url(../img/1.png) no-repeat;
		background-size: 30% 60%;
		top: -450px;
		left: -50px;
	}
	30%{
		background: url(../img/2.png) no-repeat;
		background-size: 30% 60%;
		top: -450px;
		left: -30px;
	}
	40%{
		background: url(../img/3.png) no-repeat;
		background-size: 30% 60%;
		top: -450px;
		left: -10px;
	}
	50%{
		background: url(../img/4.png) no-repeat;
		background-size: 30% 60%;
		top: -450px;
		left: 10px;
	}
	60%{
		background: url(../img/5.png) no-repeat;
		background-size: 30% 60%;
		top: -450px;
		left: 30px;
	}
	70%{
		background: url(../img/6.png) no-repeat;
		background-size: 30% 60%;
		top: -450px;
		left: 50px;
	}
	80%{
		background: url(../img/7.png) no-repeat;
		background-size: 30% 60%;
		top: -450px;
		left: 70px;
	}
	90%{
		background: url(../img/葫芦娃.png) no-repeat;
		background-size: 100% 100%;
		top: -750px;
		left: 90px;
	}
}